<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/reset.css" />
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="top">
					<div class="topBox1 fl">
						<input type="button" name="" value="Back"  />
					</div>
					<div class="topBox2 fr">
						<img src="img/xx_03.jpg" />
					</div>
					<div class="topBox3">
						<h5>产品详细</h5>
					</div>
				</div>
			</header>
			<div class="clear"></div>
			<!--主体-->
			<section>
				<div class="secBoxlp">
					<img src="img/lp_03.jpg" />
				</div>
				<!--<div class="clear"></div>-->
			    <div class="secBox">
			    	<div class="secBox1">
				        <h3>&yen;32</h3>
				        <input type="button" value="购买"/>
				    </div>
				    <div class="secBox2">
			    	    <img src="img/xx_03.jpg" />
			    	    <h3>
			    	    	好评度
			    	    	<span>
			    	    		99%
			    	    	</span>
			    	    </h3>
			    	    <p class="secBox2-1 fr">
			    	    	共605个评价>
			    	    </p>
			        </div>
			        <div class="secBox3">
			        	<h3>
			        		适用商户
			        	</h3>
			        	<span class="secBox3-1">
			        		>
			        	</span>
			        </div>
			        <div class="secBox4">
			        	<div class="secBox4-1">
			        		<img src="img/jeng1_07.jpg" />
			        	</div>
			        	<div class="secBox4-2">
			        		<h3>万岁寿司（正佳店）</h3>
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<span>10分</span>
			        		<p class="secBox4-1_1">
			        			离你100m
			        		</p>
			        		<p class="secBox4-1_2">
			        			<a href="#">
			        				查看详情 >>
			        			</a>
			        		</p>
			        	</div>
			        	<div class="secBox4-3">
			        		<input type="button" value="进入" />
			        	</div>
			        </div>
			        <div class="secBox4">
			        	<div class="secBox4-1">
			        		<img src="img/leng1_03.jpg" />
			        	</div>
			        	<div class="secBox4-2">
			        		<h3>万岁寿司（体育西店）</h3>
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<span>10分</span>
			        		<p class="secBox4-1_1">
			        			离你100m
			        		</p>
			        		<p class="secBox4-1_2">
			        			<a href="#">
			        				查看详情 >>
			        			</a>
			        		</p>
			        	</div>
			        	<div class="secBox4-3">
			        		<input type="button" value="进入" />
			        	</div>
			        </div>
			        <div class="secBox4">
			        	<div class="secBox4-1">
			        		<img src="img/leng2_03.jpg" />
			        	</div>
			        	<div class="secBox4-2">
			        		<h3>万岁寿司（昌岗店）</h3>
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<img src="img/xx_03.jpg" />
			        		<span>10分</span>
			        		<p class="secBox4-1_1">
			        			离你100m
			        		</p>
			        		<p class="secBox4-1_2">
			        			<a href="#">
			        				查看详情 >>
			        			</a>
			        		</p>
			        	</div>
			        	<div class="secBox4-3">
			        		<input type="button" value="进入" />
			        	</div>
			        </div>
			    </div>
			        
			
			</section>
			
			
			
			
			
			<!--尾部-->
			<footer>
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="deta.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="Fond.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
						
					</li>
					<li>
						<a href="my.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
			
			
			
		</div>
		<script>
				document.body.style.height  = window.innerHeight+"px";
				
				function recalc() {
                var clientWidth = document.documentElement.clientWidth;
                if(!clientWidth) return;
                document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                //                             字体大小
            }

            function initRecalc() {
                recalc();
                var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
                if(!document.addEventListener) return;
                window.addEventListener(resizeEvt, recalc, false);
                document.addEventListener('DOMContentLoaded', recalc, false);
            }
            initRecalc();
			</script>
</html>
